// 导入globals模块中的browser全局变量
import globals from 'globals';
// 导入@eslint/js插件
import pluginJs from '@eslint/js';
// 导入typescript-eslint插件，用于对TypeScript文件进行静态分析
import tseslint from 'typescript-eslint';
// 导入eslint-plugin-vue插件，用于对Vue文件进行代码检查
import pluginVue from 'eslint-plugin-vue';
import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended';
// 配置文件对象的默认导出，包含了所有规则配置
export default [
  {
    // 第一组规则：指定文件类型，匹配所有的.js、.mjs、.cjs、.ts、.vue文件
    files: ['**/*.{js,mjs,cjs,ts,vue}'],
  },
  // 第二组规则：设置语言选项，指定globals为globals.browser
  { languageOptions: { globals: globals.browser } },
  // 第三组规则：使用@eslint/js插件的推荐配置
  pluginJs.configs.recommended,
  // 第四组规则：使用typescript-eslint插件的推荐配置
  ...tseslint.configs.recommended,
  // 第五组规则：使用eslint-plugin-vue插件的flat/essential配置
  ...pluginVue.configs['flat/essential'],
  // 第六组规则：指定文件类型和解析器，匹配所有的.vue文件，并使用typescript-eslint的解析器进行解析
  {
    files: ['**/*.vue'],
    languageOptions: { parserOptions: { parser: tseslint.parser } },
  },
  {
    rules: {
      'no-var': 'error', // 不允许使用var声明变量
      'prefer-const': 'error', // 声明后未重新赋值的变量，要求使用const声明
      'vue/multi-word-component-names': 'off', // 关闭组件名大小写警告
    },
  },
  eslintPluginPrettierRecommended,
];
